* {
	margin: 0%;
	padding: 0%;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
}

.all6 {
	background: url(../img/p6/66.png);
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	color: white;
	display: flex;
	flex-flow: column;
	justify-content: space-around;
}

p {
	line-height: 0.6rem;
	margin: 0%;
}

.lan6 {
	font-size: 0.3rem;
	position: relative;
	left: -68%;
	top: -3%;
	opacity: .8;
    font-family: cursive;	
}

#p6 {
	width: 0.45rem;
	position: relative;
	left: 89%;
	top: 33%;
	animation: szs 800ms 2.5s forwards;
}

@keyframes szs {
	from {}
	to {
		transform: translateY(-2.5rem);
	}
}

#p7 {
	width: 0.78rem;
	position: relative;
	left: 92%;
	top: -13%;
	animation: niao 12s alternate forwards;
}

@keyframes niao {
	from {}
	to {
		left: -50%;
		top: -80%;
	}
}

.ln1 {
	animation: lnIn 800ms 0.5s forwards;
}

.ln2 {
	animation: lnIn 800ms 1s forwards;
}

.ln3 {
	animation: lnIn 800ms 1.5s forwards;
}

.ln4 {
	animation: lnIn 800ms 2s forwards;
}

.ln5 {
	animation: lnIn 800ms 2.5s forwards;
}

#sun{
	width: 5.58rem;
    right: 0%;
    top: 0%;
}
.coloud-01{
	top: 24%;
    left: 36%;
    width: 3.12rem;
}
.coloud-02{
	top: 0%;
    width: 2.21rem;
}
